<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" type="text/css" href="css/shoubiao.css" />
		<script type="text/javascript" src="js/jquery-3.0.0.js" ></script>
		<style type="text/css"></style>
		<title>TATA眼镜</title>
	</head>
	<body style="margin: 0;padding: 0;font-family: '微软雅黑';">
		<div class="logobox">
			<img src="img/LOGO.png" />
			<hr />
		</div>
		<div class="daohangbox">
			<a>
				<div class="somebox1">首页</div>
				<div class="somebox2">HOME</div>
			</a>
			<a>
				<div class="somebox1">女士专区</div>
				<div class="somebox2">WOMEN</div>
			</a>
			<a>
				<div class="somebox1">男士专区</div>
				<div class="somebox2">MEN</div>
			</a>
			<a>
				<div class="somebox1">产品总览</div>
				<div class="somebox2">PRODUCT</div>
			</a>
			<a>
				<div class="somebox1">明星代言</div>
				<div class="somebox2">STAR</div>
			</a>
			<a>
				<div class="somebox3"></div>
				<div class="somebox3" style="border-right: none;"></div>
			</a>
		</div>
		<div class="bannerbox">
			<div class="banner">
				<img class="anniu" src="img/yanjing01.jpg" />
				<img class="dis anniu" src="img/yanjing02.jpg" />
				<ul class="aba">
					<li class="aaa"></li>
					<li class="aaa"></li>
				</ul>
			</div>
			<script>
			$(function(){
				$(".aaa").mousemove(function(){
					var jiushiwo = $(".aaa").index(this);
					$(".anniu").hide();
					$(".anniu").eq(jiushiwo).show();
				})
			})
			</script>
		</div>
		<div class="banner1">
			<div class="sssb2">潮流眼镜</div>
		</div>
		<div class="chanp">
			<div style="margin-bottom: 15px;">
				<img src="img/yj01.jpg" class="fllf"/>
				<div class="chanp1">
					<div class="chanp11"><b>品牌优质之选</b></div>
					<div class="chanp11">
						<p>高贵典雅、气质非凡</p>
						<p>品牌的效应不止在于外观</p>
						<p>更注重内涵</p>
					</div>	
			    </div>
				
				<div class="chanp2">
					<div class="texta"><b>配置说明</b></div>
					<div class="texta">
						<p>型       号：      1083</p>
						<p>镜       面：      高级强化镜面</p>
						<p>框       架：      类人体工程学</p>
						<p>材       质：      抗摔耐磨材质</p>
						<p>服       务：      一年内保更换</p>
					</div>	
				</div>
				<img src="img/yj02.jpg" class="flri"/>
			</div>
		</div>
		<div class="acabox">
			<div class="aca1">
				<img src="img/yj03.jpg" />
				<img src="img/yj04.jpg" />
				<img src="img/yj05.jpg" />
				<img src="img/yj06.jpg" />
				<img src="img/yj07.jpg" />
				<img src="img/yj07.jpg" />
				<img src="img/yj06.jpg" />
				<img src="img/yj05.jpg" />
				<img src="img/yj04.jpg" />
				<img src="img/yj03.jpg" />
				<img src="img/yj03.jpg" />
				<img src="img/yj04.jpg" />
				<img src="img/yj05.jpg" />
				<img src="img/yj06.jpg" />
				<img src="img/yj07.jpg" />
				<img src="img/yj07.jpg" />
				<img src="img/yj06.jpg" />
				<img src="img/yj05.jpg" />
				<img src="img/yj04.jpg" />
				<img src="img/yj03.jpg" />
			</div>
		</div>
		<div class="dibu1"></div>
		<div class="dibu2"></div>
		<div class="dibu3"></div>
		<div class="dibu4">© TATA2016 沪ICP备10011451号</div>
	</body>
</html>
